ngl-toast(iconName="utility:info")
  h2.slds-text-heading_small
    | This is a toast with an icon next to its
    |
    a(href="javascript:void(0);") message
    |.
  p Here's some detail of what happened...
|
ngl-toast(variant="success", iconName="utility:success")
  h2.slds-text-heading_small
    | Account <a href="javascript:void(0);">ACME - 100</a> widgets was created.
|
ngl-toast(variant="warning", iconName="utility:warning", (close)="onClose('click')")
  h2.slds-text-heading_small
    | Can’t share file “report-q3.pdf” with the <a href="javascript:void(0);">selected users</a>.
|
button.slds-m-top_medium(type="button", [disabled]="showTopToast", nglButton, (click)="showTopToast = true")
  | Show toast in container
|
|
.slds-notify_container
  ngl-toast(*ngIf="showTopToast", variant="error", (close)="onClose($event); showTopToast = false;", duration="5000")
    h2.slds-text-heading_small This error will automatically hide after 5 seconds if you don't click on the close button
